<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>首页</title>
<link type="text/css" rel="stylesheet" href="../../static/css/style.css" th:href="@{/css/style.css}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
</head>
<body>
<!-- 导航 -->
<nav id="nav" class="ui teal attached segment m-padded-tab-mini m-shadow-small">
	<div class="ui container">
		<div class="ui inverted  secondary stackable menu " >
			<h2 class="ui teal header item"><i class="home teal icon"></i>民国时期淮河流域灾害文献数据库</h2>
		   <!-- <a href="#" class="m-item item m-mobile-hide" ><i class="mini home icon"></i>xxx</a>
			<a href="#" class="m-item item m-mobile-hide" ><i class="mini idea icon"></i>xxx</a>
			<a href="#" class="active m-item item m-mobile-hide" ><i class="mini tags icon"></i>xxx</a>-->
			<!--会员-->
				<div class="right m-item m-mobile-hide menu">
					<div class="ui dropdown item">
						<div class="text">
							<img src="https:unsplash.it/100/100?image=1005" alt="" class="ui avatar image" th:if="${session.user} != null ">
							<span th:text="${session.user?.name}"></span>
							<!--/*-->
							Wmg
							<!--*/-->
						</div>
						<i class="dropdown icon"></i>
						<div class="menu">
							<a href="#" th:href="@{/user/logout}"   class="item">注销</a>
						</div>
					</div>
					<div th:if="${session.user} == null">
						<a href="pages/user/login.html" th:href="@{/toLogin}">登录</a> |
						<a href="pages/user/regist.html" th:href="@{/toRegist}" >注册</a> &nbsp;&nbsp;
					</div>
				</div>

		</div>

	</div>
	<!-- 图标 -->
	<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
		<i class="sidebar icon"></i>
	</a>
</nav>
	

</body>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script>
	// 初始化下拉组件
	$('.ui.dropdown').dropdown({
				on: 'hover'
			}
	);
</script>
</html>